</dd><?php
$pathArr = explode("/", $_SERVER["PHP_SELF"]);
$contextPath = $pathArr[1];
$rootPath = $_SERVER["DOCUMENT_ROOT"];
?>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Admin Panel</title>
		<?php
			require_once($rootPath . "/" . $contextPath . "/includes/css_inc.php");
			require_once($rootPath . "/" . $contextPath . "/includes/js_inc.php");
		?>
		<script>
			$(function() {
				$( "button, input:submit, a", ".btn" ).button();

				$('#dialog').dialog({
					autoOpen: false,
					width: 600,
					modal: true,
					buttons: {
						"Ok": function() { 
							$(this).dialog("close"); 
						}, 
						"Cancel": function() { 
							$(this).dialog("close"); 
						} 
					}
				});
				
				// Dialog Link
				$('#dialog_link').click(function(){
					$('#dialog').dialog('open');
					return false;
				});
		});
		</script>
	</head>
	<body>
			<p><div class="btn"><a href="#" id="dialog_link">Open Dialog</a></div></p>
			<h3>Instructions</h3>
			<p>
				These demos showcase some common uses of each jQuery UI plugin. Simply copy and paste code from the demos to get started. Have fun playing with them.
			</p>
			<!-- ui-dialog -->
			<div id="dialog" title="Dialog Title">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
	</body>
</html>